<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>刮刮乐</title>
    <script src="../js/scratchMod.js"></script>
    <script src="../js/base.min.js"></script>
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <link rel="stylesheet" href="../css/flex.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1535850_pfoyajbf7j.css"/>
    <link rel="stylesheet" href="../css/swiper.min.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
</head>

<body>

                        <!--中奖名单轮播-->

<div class="swiper-container">

    <div class="swiper-wrapper">

                            <!--轮播1-->

        <div class="swiper-slide slide-1" flex="cross:center">

            <i class="iconfont iconxiaolaba"></i>
            <span>139****1367已中50元话费</span>

        </div>

                            <!--轮播2-->

        <div class="swiper-slide slide-1" flex="cross:center">

            <i class="iconfont iconxiaolaba"></i>
            <span>137****7721已中100元话费</span>

        </div>

                            <!--轮播3-->

        <div class="swiper-slide slide-1" flex="cross:center">

            <i class="iconfont iconxiaolaba"></i>
            <span>138****5539已中20元话费</span>

        </div>

                            <!--轮播4-->

        <div class="swiper-slide slide-1" flex="cross:center">

            <i class="iconfont iconxiaolaba"></i>
            <span>158****9921已中50元话费</span>

        </div>

                            <!--轮播5-->

        <div class="swiper-slide slide-1" flex="cross:center">

            <i class="iconfont iconxiaolaba"></i>
            <span>182****7601已中100元话费</span>

        </div>

    </div>

</div>

                             <!--刮奖区-->

<header>
    <div></div>
</header>

                        <!--在刮一次-->
<section class="f1" flex>

    <span>您有 <span>2</span> 次免费刮奖机会</span>
    <button>再刮一次</button>

</section>

<section class="f2">

<button></button>

</section>

                        <!--软件安装-->

<section class="f3">

    <div class="ruan" flex="main:justify">

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

    </div>
    <div class="ruan" flex="main:justify">

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

    </div>
    <div class="ruan" flex="main:justify">

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

    </div>
    <div class="ruan" flex="main:justify">

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

        <div flex="dir:top cross:center">

            <img src="../img/buyu.png"/>
            <p>捕鱼达人</p>
            <button>刮奖机会<span>+1</span></button>

        </div>

    </div>
</section>


                        <!--活动说明-->


<section class="text">

    <div flex="cross:center">

        <img src="../img/huodong.png"/>
        <h6>活动说明</h6>

    </div>

    <ul>

        <li>一、按时进入活动页面。</li>
        <li>二、下载安装并且打开指定APP获取刮奖机会。</li>
        <li>三、刮奖并且按指定流程领取奖励。</li>
        <li>四、中奖用户请务必填写自己真实有效手机号码，否<br>则视为放弃话费。<br>
            活动结束3天内会将话费充值到账，如有疑问请联系客<br>服姐姐QQ：222211114。</li>

    </ul>

</section>

                        <!--免责条款-->

<section class="text-2">

    <div flex="cross:center">

        <img src="../img/mianze.png"/>
        <h6>免责条款</h6>

    </div>

    <ul>

        <li>一、参与活动前请先仔细阅读活动规则及相关条款。<br>凡参与本次活动 ，则视为同意活动规则及免责声明条<br>款；</li>
        <li>二、对于任何通过不正当手段参与活动者，活动主办<br>方有权在不事先通知的情况下取消其活动参与资格，<br>并保留相关法律权利</li>
        <li>三、本活动最终解释权归主办方所有。</li>

    </ul>

</section>

<footer>


</footer>

<script src="../js/index.js"></script>
</body>
</html>